<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全功能显示模板</title>
<link href="../../../css/bg/styles/layout.css" rel="stylesheet" type="text/css" />
<link href="../../../css/bg/styles/wysiwyg.css" rel="stylesheet" type="text/css" />
<!-- Theme Start -->
<link href="../../../css/bg/themes/blue/styles.css" rel="stylesheet" type="text/css" />
<!-- Theme End -->
</head>
<body id="homepage">
	<div id="header">
    	<a href="" title=""><img src="../../../css/bg/img/cp_logo.png" alt="Control Panel" class="logo" /></a>
    	<div id="searcharea">
            <p class="left smltxt"><a href="#" title="">高级</a></p>
            <input type="text" class="searchbox" value="查找功能面板..." onclick="if (this.value =='查找功能面板...'){this.value=''}"/>
            <input type="submit" value="搜索" class="searchbtn" />
        </div>
    </div>
        
    <!-- Top Breadcrumb Start -->
    <div id="breadcrumb">
    	<ul>	
        	<li><img src="../../../css/bg/img/icons/icon_breadcrumb.png" alt="当前位置" /></li>
        	<li><strong>当前位置:</strong></li>
            <li><a href="#" title="">分类1</a></li>
            <li>/</li>
            <li class="current">控制面板模板</li>
        </ul>
    </div>
    <!-- Top Breadcrumb End -->
     
    <!-- Right Side/Main Content Start -->
    <div id="rightside">
    
    	<!-- Status Bar Start -->
        <div class="status warning">
        	<p class="closestatus"><a href="" title="Close">x</a></p>
        	<p><img src="../../../css/bg/img/icons/icon_warning.png" alt="Warning" /><span>注意!</span> 需要提示用户注意的信息</p>
        </div>
        <div class="contentcontainer">
            <div class="headings alt">
                <h2>代码</h2>
            </div>
	        <div class="contentbox">
		        <p>
		        	&lt;div class="status warning"&gt;<br />
		        	&lt;p class="closestatus"&gt;&lt;a href="" title="Close"&gt;x&lt;/a&gt;&lt;/p&gt;<br />
		        	&lt;p&gt;&lt;img src="../../../css/bg/img/icons/icon_warning.png" alt="Warning" /&gt;&lt;span&gt;注意!&lt;/span&gt; 需要提示用户注意的信息&lt;/p&gt;<br />
		        	&lt;/div&gt;
		        </p>
	        </div>
	    </div>
        <!-- Status Bar End -->
        
         <!-- Red Status Bar Start -->
        <div class="status success">
        	<p class="closestatus"><a href="" title="Close">x</a></p>
        	<p><img src="../../../css/bg/img/icons/icon_success.png" alt="Success" /><span>成功!</span> 用户操作成功，操作结果</p>
        </div>
        <div class="contentcontainer">
            <div class="headings alt">
                <h2>代码</h2>
            </div>
	        <div class="contentbox">
		        <p>
		        	&lt;div class="status success"&gt;<br />
		        	&lt;p class="closestatus"&gt;&lt;a href="" title="Close"&gt;x&lt;/a&gt;&lt;/p&gt;<br />
		        	&lt;p&gt;&lt;img src="../../../css/bg/img/icons/icon_success.png" alt="Success" /&gt;&lt;span&gt;注意!&lt;/span&gt; 需要提示用户注意的信息&lt;/p&gt;<br />
		        	&lt;/div&gt;
		        </p>
	        </div>
	    </div>
        <!-- Red Status Bar End -->
        
        <!-- Green Status Bar Start -->
        <div class="status error">
        	<p class="closestatus"><a href="" title="Close">x</a></p>
        	<p><img src="../../../css/bg/img/icons/icon_error.png" alt="Error" /><span>错误!</span> 用户操作失败，失败原因</p>
        </div>
        <div class="contentcontainer">
            <div class="headings alt">
                <h2>代码</h2>
            </div>
	        <div class="contentbox">
		        <p>
		        	&lt;div class="status error"&gt;<br />
		        	&lt;p class="closestatus"&gt;&lt;a href="" title="Close"&gt;x&lt;/a&gt;&lt;/p&gt;<br />
		        	&lt;p&gt;&lt;img src="../../../css/bg/img/icons/icon_error.png" alt="Error" /&gt;&lt;span&gt;注意!&lt;/span&gt; 需要提示用户注意的信息&lt;/p&gt;<br />
		        	&lt;/div&gt;
		        </p>
	        </div>
	    </div>
        <!-- Green Status Bar End -->
        
        <!-- Blue Status Bar Start -->
        <div class="status info">
        	<p class="closestatus"><a href="" title="Close">x</a></p>
        	<p><img src="../../../css/bg/img/icons/icon_info.png" alt="Information" /><span>提示:</span> 用户操作提醒</p>
        </div>
        <div class="contentcontainer">
            <div class="headings alt">
                <h2>代码</h2>
            </div>
	        <div class="contentbox">
		        <p>
		        	&lt;div class="status info"&gt;<br />
		        	&lt;p class="closestatus"&gt;&lt;a href="" title="Close"&gt;x&lt;/a&gt;&lt;/p&gt;<br />
		        	&lt;p&gt;&lt;img src="../../../css/bg/img/icons/icon_info.png" alt="Information" /&gt;&lt;span&gt;注意!&lt;/span&gt; 需要提示用户注意的信息&lt;/p&gt;<br />
		        	&lt;/div&gt;
		        </p>
	        </div>
	    </div>
        <!-- Blue Status Bar End -->   
    
        <!-- Content Box Start -->
        <div class="contentcontainer">
            <div class="headings alt">
                <h2>使用空间</h2>
            </div>
            <div class="contentbox">
            	<table>
                	<tr>
                    	<td width="150"><strong><span class="usagetxt redtxt">Red</span> usage bar:</strong></td>
                        <td width="500">
                        	<div class="usagebox">
                				<div class="highbar" style="width: 85%;"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                    	<td><strong><span class="usagetxt orangetxt">Orange</span> usage bar:</strong></td>
                        <td>
                        	<div class="usagebox">
                				<div class="midbar" style="width: 50%;"></div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                    	<td><strong><span class="usagetxt greentxt">Green</span> usage bar:</strong></td>
                        <td>
                        	<div class="usagebox">
                				<div class="lowbar" style="width: 25%;"></div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- Content Box End -->
        
         <!-- Graphs Box Start -->
        <div class="contentcontainer" id="graphs">
            <div class="headings alt">
                <h2 class="left">动态图形</h2>
                <ul class="smltabs">
                	<li><a href="#graphs-1">折线图</a></li>
                    <li><a href="#graphs-2">饼图</a></li>
                    <li><a href="#graphs-3">线图</a></li>
                    <li><a href="#graphs-4">柱状图</a></li>
                </ul>
            </div>
            <div class="contentbox" id="graphs-1">
					<table style="display: none;" class="area">
                        <caption>注册用户数</caption>
                        <thead>
                            <tr>
                                <td></td>
                                <th scope="col">Jan</th>
                                <th scope="col">Feb</th>
                                <th scope="col">March</th>
                                <th scope="col">April</th>
                                <th scope="col">May</th>
                                <th scope="col">June</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">2010</th>
                                <td>190</td>
                                <td>160</td>
                                <td>40</td>
                                <td>120</td>
                                <td>30</td>
                                <td>70</td>
                            </tr>
                            <tr>
                                <th scope="row">2009</th>
                                <td>3</td>
                                <td>40</td>
                                <td>30</td>
                                <td>45</td>
                                <td>35</td>
                                <td>49</td>
                            </tr>	
                        </tbody>
                    </table>
            </div>
            <div class="contentbox" id="graphs-2">
            	<table style="display: none;" class="pie">
                    <caption>注册用户数</caption>
                        <thead>
                            <tr>
                                <td></td>
                                <th scope="col">Jan</th>
                                <th scope="col">Feb</th>
                                <th scope="col">March</th>
                                <th scope="col">April</th>
                                <th scope="col">May</th>
                                <th scope="col">June</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">2010</th>
                                <td>190</td>
                                <td>160</td>
                                <td>40</td>
                                <td>120</td>
                                <td>30</td>
                                <td>70</td>
                            </tr>
                            <tr>
                                <th scope="row">2009</th>
                                <td>3</td>
                                <td>40</td>
                                <td>30</td>
                                <td>45</td>
                                <td>35</td>
                                <td>49</td>
                            </tr>	
                        </tbody>
                    </table>
            </div>
            <div class="contentbox" id="graphs-3">
					<table style="display: none;" class="line">
                        <caption>注册用户数</caption>
                        <thead>
                            <tr>
                                <td></td>
                                <th scope="col">Jan</th>
                                <th scope="col">Feb</th>
                                <th scope="col">March</th>
                                <th scope="col">April</th>
                                <th scope="col">May</th>
                                <th scope="col">June</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">2010</th>
                                <td>190</td>
                                <td>160</td>
                                <td>40</td>
                                <td>120</td>
                                <td>30</td>
                                <td>70</td>
                            </tr>
                            <tr>
                                <th scope="row">2009</th>
                                <td>3</td>
                                <td>40</td>
                                <td>30</td>
                                <td>45</td>
                                <td>35</td>
                                <td>49</td>
                            </tr>	
                        </tbody>
                    </table>
            </div>
            <div class="contentbox" id="graphs-4">
					<table style="display: none;" class="bar">
                       <caption>注册用户数</caption>
                        <thead>
                            <tr>
                                <td></td>
                                <th scope="col">Jan</th>
                                <th scope="col">Feb</th>
                                <th scope="col">March</th>
                                <th scope="col">April</th>
                                <th scope="col">May</th>
                                <th scope="col">June</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">2010</th>
                                <td>190</td>
                                <td>160</td>
                                <td>40</td>
                                <td>120</td>
                                <td>30</td>
                                <td>70</td>
                            </tr>
                            <tr>
                                <th scope="row">2009</th>
                                <td>3</td>
                                <td>40</td>
                                <td>30</td>
                                <td>45</td>
                                <td>35</td>
                                <td>49</td>
                            </tr>	
                        </tbody>
                    </table>
            </div>
        </div>
        <!-- Graphs Box End -->
        
        <!-- Alternative Content Box Start -->
         <div class="contentcontainer">
            <div class="headings altheading">
                <h2>可变的头部颜色</h2>
            </div>
            <div class="contentbox">
            	<table width="100%">
                	<thead>
                    	<tr>
                        	<th>Heading</th>
                            <th>Another Heading</th>
                            <th>Actions</th>
                            <th><input name="" type="checkbox" value="" id="checkboxall" /></th>
                        </tr>
                    </thead>
                    <tbody>
                    	<tr>
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_edit.png" alt="Edit" /></a>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_approve.png" alt="Approve" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_delete.png" alt="Delete" /></a>
                            </td>
                            <td><input type="checkbox" value="" name="checkall" /></td>
                        </tr>
                        <tr class="alt">
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_edit.png" alt="Edit" /></a>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_approve.png" alt="Approve" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_delete.png" alt="Delete" /></a>
                            </td>
                            <td><input type="checkbox" value="" name="checkall" /></td>
                        </tr>
                        <tr>
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_edit.png" alt="Edit" /></a>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_approve.png" alt="Approve" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_delete.png" alt="Delete" /></a>
                            </td>
                            <td><input type="checkbox" value="" name="checkall" /></td>
                        </tr>
                         <tr class="alt">
                        	<td>Content Here</td>
                            <td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam.</td>
                            <td>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_edit.png" alt="Edit" /></a>
                            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_approve.png" alt="Approve" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_unapprove.png" alt="Unapprove" /></a>
                                <a href="#" title=""><img src="../../../css/bg/img/icons/icon_delete.png" alt="Delete" /></a>
                            </td>
                            <td><input type="checkbox" value="" name="checkall" /></td>
                        </tr>
                    </tbody>
                </table>
                <div class="extrabottom">
                	<ul>
                    	<li><img src="../../../css/bg/img/icons/icon_edit.png" alt="Edit" /> 编辑</li>
                        <li><img src="../../../css/bg/img/icons/icon_approve.png" alt="Approve" /> 通过</li>
                        <li><img src="../../../css/bg/img/icons/icon_unapprove.png" alt="Unapprove" /> 驳回</li>
                        <li><img src="../../../css/bg/img/icons/icon_delete.png" alt="Delete" /> 删除</li>
                    </ul>
                    <div class="bulkactions">
                    	<select>
                        	<option>Select bulk action...</option>
                        </select>
                        <input type="submit" value="Apply" class="btn" />
                    </div>
                </div>
                <ul class="pagination">
                	<li class="text">Previous</li>
                    <li class="page"><a href="#" title="">1</a></li>
                    <li><a href="#" title="">2</a></li>
                    <li><a href="#" title="">3</a></li>
                    <li><a href="#" title="">4</a></li>
                    <li class="text"><a href="#" title="">Next</a></li>
                </ul>
                <div style="clear: both;"></div>
            </div>
            
        </div>
        <!-- Alternative Content Box End -->
        
         <div class="contentcontainer med left">
            <div class="headings alt">
                <h2>一般长度，靠左容器</h2>
            </div>
            <div class="contentbox">
            	<form action="#">
            		<p>
                        <label for="textfield"><strong>文本框:</strong></label>
                        <input type="text" id="textfield" class="inputbox" /> <br />
                        <span class="smltxt">(This is an example of a small descriptive text for input)</span>
                    </p>
                    <p>
                        <label for="errorbox"><span class="red"><strong>错误文本框:</strong></span></label>
                        <input type="text" id="errorbox" class="inputbox errorbox" /> <img src="../../../css/bg/img/icons/icon_missing.png" alt="Error" /> <br />
                        <span class="smltxt red">(This is some warning text for the above field)</span>
                    </p>
                    <p>
                        <label for="correctbox"><span class="green"><strong>正确文本框:</strong></span></label>
                        <input type="text" id="correctbox" class="inputbox correctbox" /> <img src="../../../css/bg/img/icons/icon_approve.png" alt="Approve" />
                    </p>
                    <p>
                        <label for="smallbox"><strong>小文本框:</strong></label>
                        <input type="text" id="smallbox" class="inputbox smallbox" />
                    </p>
                    <select>
                    	<option>下拉框</option>
                    </select>  <br /> <br />
                    
                    <input type="file" id="uploader" /> <img src="../../../css/bg/img/loading.gif" alt="Loading" /> Uploading...
                    
                    <p> <br />
                    	<input type="checkbox" name="checkboxexample"/> 复选框
					</p>
                    <p>
                        <input type="radio" name="radioexample" /> 单选框<br />
                    </p>
      
                </form>         
				<textarea class="text-input textarea" id="wysiwyg" name="textfield" rows="10" cols="75">文本域</textarea>
                <p><br /><br />按钮样式</p>
                <input type="submit" value="Submit" class="btn" /> <input type="submit" value="Submit (Alternative)" class="btnalt" />
            </div>
        </div>
        
         <div class="contentcontainer sml right" id="tabs">
            <div class="headings">
                <h2 class="left">标签式，靠右容器</h2>
                <ul class="smltabs">
                	<li><a href="#tabs-1">Styles</a></li>
                    <li><a href="#tabs-2">News</a></li>
                </ul>
            </div>
            <div class="contentbox" id="tabs-1">
            	<h2 style="margin-bottom: 15px;">Some styling examples below:</h2>
                <p><strong>列表样式一,普通列表</strong></p>
                <ul class="list">
                	<li>代码：&lt;ul class="list"&gt;</li>
                    <li>Consectetuer adipiscing elit</li>
                    <li>Sed diam nonummy nibh euismod tincidunt</li>
                </ul>
                <div class="spacer"></div>
                <p><strong>列表样式二,有记号列表</strong></p>
                <ul class="ticklist">
                	<li>代码：&lt;ul class="ticklist"&gt;</li>
                    <li class="cross">代码：&lt;li class="cross"&gt;</li>
                    <li>Sed diam nonummy nibh euismod tincidunt</li>
                </ul>
                
                <p>高亮示例, <span class="highlighted">高亮</span>, 代码：&lt;span class="highlighted"&gt;高亮&lt;span&gt;.</p>
                
                <p>灰度行示例:</p>
                <div class="spacer"></div>
                <p>代码：&lt;div class="spacer"&gt;&lt;/div&gt;</p>
                <p><span class="dropcap">首</span>字放大.将一段文字的第一个字放大处理,具体代码如下.代码：&lt;p&gt;&lt;span class="dropcap"&gt;首&lt;/span&gt;字放大&lt;/p&gt;.</p>
                 <div class="spacer"></div>
                <h1> Heading 1 example</h1>
                <div class="spacer"></div>
                <h2>Heading 2 example</h2>
                <div class="spacer"></div>
                <h3>Heading 3 example</h3>
                <div class="spacer"></div>
                <h4>Heading 4 example</h4>
                <div class="spacer"></div>
                <h5>Heading 5 example</h5>
            </div>
             <div class="contentbox nopad" id="tabs-2">
             
             	<div class="newsitem">
                    <img src="../../../css/bg/img/news_temp.png" class="hoverimg" alt="News" />
                    <h3>Story 1 Example Title</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed...<br /><a href="#" title="">Read full story</a></p>
                </div>
                <div class="newsitem">
                    <img src="../../../css/bg/img/news_temp.png" class="hoverimg" alt="News" />
                    <h3>Story 2 Example Title</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed...<br /><a href="#" title="">Read full story</a></p>
                </div>
                <div class="newsitem">
                    <img src="../../../css/bg/img/news_temp.png" class="hoverimg" alt="News" />
                    <h3>Story 3 Example Title</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed...<br /><a href="#" title="">Read full story</a></p>
                </div>
                <div class="newsitem">
                    <img src="../../../css/bg/img/news_temp.png" class="hoverimg" alt="News" />
                    <h3>Story 4 Example Title</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed...<br /><a href="#" title="">Read full story</a></p>
                </div>
                <p class="bottominfo"><a href="#" title="">See all news stories</a></p>
            </div>
        </div>
        
        <div style="clear:both;"></div>

        <!-- Content Box Start -->
        <div class="contentcontainer">
            <div class="headings">
                <h2>提示容器样式</h2>
            </div>
            <div class="contentbox">
                <div class="noticebox">
                    <div class="innernotice">
                        <h4>黄色</h4>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                        <p>Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                        <p><a href="#" title="">Lincidunt ut laoreet dolore</a></p>
                    </div>
                </div>
                <div class="noticeboxalt">
                    <div class="innernotice">
                        <h4>灰色</h4>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                        <p>Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                        <p><a href="#" title="">Lincidunt ut laoreet dolore</a></p>
                    </div>
                </div>
                <div style="clear: both;"></div>

            </div>
        </div>
        <!-- Content Box End -->
        <div id="footer">
        	&copy; Copyright 2010 Your Company Name
        </div> 
          
    </div>
    <!-- Right Side/Main Content End -->
    
        <!-- Left Dark Bar Start -->
    <div id="leftside">
    	<div class="user">
        	<img src="../../../css/bg/img/avatar.png" width="44" height="44" class="hoverimg" alt="Avatar" />
            <p>用户名:</p>
            <p class="username">Administrator</p>
            <p class="userbtn"><a href="#" title="">个人信息</a></p>
            <p class="userbtn"><a href="#" title="">安全退出</a></p>
        </div>
        <div class="notifications">
        	<p class="notifycount"><a href="" title="" class="notifypop">10</a></p>
            <p><a href="" title="" class="notifypop">新信息</a></p>
            <p class="smltxt">(点击查看详情)</p>
        </div>
        
        <ul id="nav">
        	<li>
                <ul class="navigation">
                    <li class="heading selected">当前栏目</li>
                  	<li><a href="#" title="">子栏目1</a></li>
                    <li><a href="#" title="">子栏目2</a></li>
                    <li><a href="#" title="">子栏目3</a></li>
                </ul>
            </li>
            <li>
            	<a class="expanded heading">栏目名称</a>
                <ul class="navigation">
                    <li><a href="#" title="">子栏目1</a></li>
                    <li><a href="#" title="">子栏目2</a></li>
                    <li><a href="#" title="">子栏目3</a></li>
                </ul>
            </li>  
            <li>
                <a class="collapsed heading">栏目名称</a>
                 <ul class="navigation">
                    <li><a href="#" title="">子栏目1</a></li>
                    <li><a href="#" title="">子栏目2</a></li>
                    <li><a href="#" title="">子栏目3</a></li>
                </ul>
            </li>
            <li>
            	<a class="expanded heading">栏目名称</a>
                <ul class="navigation">
                    <li><a href="#" title="">子栏目1</a></li>
                    <li><a href="#" title="">子栏目2</a></li>
                    <li><a href="#" title="">子栏目3</a></li>
                </ul>
            </li>            
        </ul>
    </div>
    <!-- Left Dark Bar End --> 
    
    <!-- Notifications Box/Pop-Up Start --> 
    <div id="notificationsbox">
        <h4>Notifications</h4>
        <ul>
            <li>
            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New member registration</a></h5>
                <p>Admin eve joined on 18.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New member registration</a></h5>
                <p>Jackson Michael joined on 16.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
                <h5><a href="#" title="">New blog post created</a></h5>
                <p>New post created on 15.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New group created</a></h5>
                <p>“Web Design” group created on 12.12.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">1 new private message</a></h5>
                <p>New message from Joe sent on 21.11.2010</p>
            </li>
            <li>
            	<a href="#" title=""><img src="../../../css/bg/img/icons/icon_square_close.png" alt="Close" class="closenot" /></a>
            	<h5><a href="#" title="">New member registration</a></h5>
                <p>Graham joined on 20.11.2010</p>
            </li>
        </ul>
        <p class="loadmore"><a href="#" title="">Load more notifications</a></p>
    </div>
    <!-- Notifications Box/Pop-Up End 
    
    <script type="text/javascript" src="http://dwpe.googlecode.com/svn/trunk/_shared/EnhanceJS/enhance.js"></script>	
    <script type='text/javascript' src='http://dwpe.googlecode.com/svn/trunk/charting/js/excanvas.js'></script>
	<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'></script>
    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js'></script>--> 
    
    <script type='text/javascript' src='../../../js/libs/jquery-1.7.1.min.js'></script>
    <script type='text/javascript' src='../../../js/libs/jquery-ui-1.8.5.custom.min.js'></script>
    <script type='text/javascript' src='../../../js/bg/jquery.bpopup-0.6.0.min.js'></script>
	<script type='text/javascript' src='../../../js/bg/jquery.wysiwyg.js'></script>
    <script type='text/javascript' src='../../../js/bg/visualize.jQuery.js'></script>
    <script type="text/javascript" src='../../../js/bg/functions.js'></script>
    
    <!--[if IE 6]>
    <script type='text/javascript' src='scripts/png_fix.js'></script>
    <script type='text/javascript'>
      DD_belatedPNG.fix('img, .notifycount, .selected');
    </script>
    <![endif]--> 
</body>
</html>
